// pages/search/search.ts
import { hot ,search} from '../../api/index'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    suggests: [],
    keyword: '',
    list: [],
  },
  // 获取搜索热门列表
  async  hotFn (){
    await hot().then((content: any)=>{
        console.log("6.0",content)
        if(content.result){
          let suggestdetails = content.result.suggestdetails;
          this.setData({
            suggests: suggestdetails
          })
        }
    }).catch(err=>console.log(err))
  },

  // 获取输入框的值
  addInputValue(e:any){
    let kw = e.detail.value;
    // console.log(kw)
    this.setData({
      keyword:kw
    })
  },

  // 点击热门搜索
  addClick(e:any){
    let keyword = e.currentTarget.dataset.keyword;
    this.setData({
      keyword:keyword
    })
    this.searchFn()
  },

  // 搜索菜谱
  async searchFn(){
    let keyword = this.data.keyword;
    console.log({keyword})
    if(keyword == "") {
      wx.showToast({
        title:"输入框不能为空",
        icon:'none'
      })
      return ;
    }
    wx.showLoading({title:"正在搜索"})
    await search({keyword})
    .then((content: any)=>{
      console.log("7.0",content);
      if(content.result){
        let list = content.result.list;
        this.setData({
          list: list
        })
      }
    })
    .catch(err=>console.log(err))
    wx.hideLoading();
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    // 初始化
    this.hotFn();
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})